<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>爱笑的女生运气不会太差</title>
    <meta name="keywords" content="生日快乐,毕业,爱笑的女生,上海大学毕业纪念" />
    <meta name="description" content="爱笑的女生运气不会太差" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width,target-densitydpi=device-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <link rel="Shortcut Icon" href="images/icons/logo.png" type="image/x-icon">
    <!-- 对浏览器的默认样式清除，初始化以及一些初始的样式（必须） -->
    <link rel="stylesheet" href="css/public/base.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="css/public/public.css">
    <!-- 重写默认弹窗的样式（非必须） -->
    <link rel="stylesheet" href="js/plugins/dialog/dialog.css">
    <!-- 页面样式 -->
    <link rel="stylesheet" href="css/pages/index.css">
</head>

<body class="hide">
    
    <div class="pageWrap">
        <!-- 公共部分(定位) start -->
        <div class="headNav" id="headNav"></div>
        <!-- 公共部分(定位) start -->

        <div class="bgmBtn"></div>

        <!-- 主体内容部分 start-->
        <div class="wrap">
            <div class="indexPage">
                <img src="images//index/bg.jpg" class="bg hide">
                <div class="title">
                    <img src="images/index/p.png" class="iconp hide">
                    <img src="images/index/w1.png" class="w1 hide">
                    <div class="w2">
                        <img src="images/index/w2.png">
                    </div>
                    <div class="w3">
                        <img src="images/index/w3.png">
                    </div>
                </div>
                <img src="images/index/ar.png" class="ar updowning hide">
            </div>

            <div class="photoPage none">
                <div class="handTips none noPointer">
                    <img src="images/common/hand.png" class="hand tipsing">
                    <p>点击有惊喜~</p>
                </div>

                <div class="block row">
                    <img src="images/index/photo/1.jpg" class="sizeBox">
                    <div class="shoadow full none"></div>

                    <div class="leftBox scaleBox">
                        <img src="images/index/photo/1.jpg" class="photo full">
                        <div class="wordBox right hide">
                            <div class="word">
                                <p>“天空的梦露”<br><br><br>有着明亮的眼睛，<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;爽朗的笑容<br><br><br>如同春风拂过脸颊，<br>留下的只是那一缕温柔
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="rightBox">
                        <div class="timeBox">
                            <div class="timeWord">
                                <p class="word">Life<br>is a colorful picture<br><span>The Smile</span><br>is a
                                    beautiful color</p>
                            </div>
                        </div>
                        <p class="time">11th June, 2015, 2:30PM</p>
                    </div>
                </div>

                <div class="block row">
                    <img src="images/index/photo/3.jpg" class="sizeBox">
                    <div class="shoadow full none"></div>

                    <div class="leftBox">
                        <div class="timeBox">
                            <div class="timeWord">
                                <p class="word">Beautiful thing
                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>don't
                                    ask
                                    for attention</p>
                            </div>
                        </div>
                        <p class="time">11th June, 2015, 2:47PM</p>
                    </div>

                    <div class="rightBox scaleBox">
                        <img src="images/index/photo/3.jpg" class="photo full">
                        <div class="wordBox left hide">
                            <div class="word">
                                <p>在这里即将开启一段<br><br>崭新的旅程</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="block col">
                    <img src="images/index/photo/2.jpg" class="sizeBox">
                    <div class="shoadow full none"></div>

                    <div class="topBox scaleBox">
                        <img src="images/index/photo/2.jpg" class="photo full">
                        <div class="wordBox bottom hide">
                            <div class="word">
                                <p>教室里留下的不仅是<br><span style="padding-left:1.5rem;"></span>书本和回忆，<br><br><br>还有那一段只属于我们的青春<br><br><br>"搞怪"
                                    "热血" "梦想"&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp;这是属于我们的代名词</p>
                                <img src="images/index/icon/blackboard.png" class="icon" style="top: -0.2rem;left: 1rem;">
                            </div>
                        </div>
                    </div>

                    <div class="bottomBox">
                        <div class="timeBox">
                            <div class="timeWord">
                                <p class="word">We're all traveling through time together<br>every day of our
                                    lives.<br>All we can do is do our best,<br>to relish this remarkable ride.</p>
                            </div>
                            <img src="images/index/icon/sun.png" class="icon" style="top: 0.4rem;right: 0.4rem;">
                        </div>
                        <p class="time">11th June, 2015, 3:15PM</p>
                    </div>
                </div>

                <div class="block col">
                    <img src="images/index/photo/5.jpg" class="sizeBox">
                    <div class="shoadow full none"></div>

                    <div class="topBox scaleBox">
                        <img src="images/index/photo/5.jpg" class="photo full">
                        <div class="wordBox bottom hide">
                            <div class="word">
                                <p>在草坪上谈笑风生，<span style="padding-left:1.5rem;"></span><br><br><span
                                        style="padding-left:1rem;"></span>细数着四年来我们之间的所有故事<br><br>有欣喜和失望，有无聊，也有快乐</p>
                            </div>
                        </div>
                    </div>

                    <div class="bottomBox">
                        <div class="timeBox">
                            <div class="timeWord">
                                <p class="word">Life is a mirror<span style="padding-left:2.7rem;"></span><br>When you
                                    smile in front of it<br>it will also <span>smile</span> and so will it when you cry
                                    to it</p>
                            </div>
                        </div>
                        <p class="time">11th June, 2015, 3:28PM</p>
                    </div>
                </div>

                <div class="block col">
                    <img src="images/index/photo/6.jpg" class="sizeBox" style="width: 100%">
                    <div class="shoadow full none"></div>

                    <div class="topBox scaleBox" style="height: 100%;">
                        <img src="images/index/photo/6.jpg" class="photo full">
                        <div class="wordBox bottom hide">
                            <div class="word">
                                <p>当再一次从J楼的天台<span style="padding-left:1rem;"></span><br><br><span
                                        style="padding-left:1.6rem;"></span>望着这硕大的校园<br><br><br>对于渺小的我们来说<span
                                        style="padding-left:1.8rem;"></span><br><br><span
                                        style="padding-left:1rem;"></span>也许什么也没有留下</p>
                                <img src="images/index/icon/school.png" class="icon" style="top: 1rem;right: 1.3rem;">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="block row">
                    <img src="images/index/photo/1.jpg" class="sizeBox">
                    <div class="shoadow full none"></div>

                    <div class="leftBox">
                        <div class="timeBox">
                            <div class="timeWord">
                                <p class="word">A <span>smile</span><br>is the language<br>has multiple meanings</p>
                            </div>
                        </div>
                        <p class="time">11th June, 2015, 4:01PM</p>
                    </div>

                    <div class="rightBox">
                        <div class="sphoto"></div>
                        <img src="images/index/photo/10.jpg" class="sphoto">
                        <img src="images/index/photo/9.jpg" class="sphoto">
                        <div class="sphoto"></div>
                    </div>
                </div>

                <div class="block row">
                    <img src="images/index/photo/8.jpg" class="sizeBox">
                    <div class="shoadow full none"></div>

                    <div class="leftBox scaleBox">
                        <img src="images/index/photo/8.jpg" class="photo full">
                        <div class="wordBox right hide">
                            <div class="word">
                                <p>留下的只是那片<br><br><br>属于我们的生命中<br><br><br><span
                                        style="padding-left:0.7rem;"></span>最灿烂的天空</p>
                                <img src="images/index/icon/sky.png" class="icon" style="bottom: -0.2rem;left: 0.5rem;">
                            </div>
                        </div>
                    </div>
                    <div class="rightBox">
                        <div class="timeBox">
                            <div class="timeWord">
                                <p class="word">With <span>smile</span>, failure ,<br>with strong<br> to create
                                    happiness!</p>
                            </div>
                        </div>
                        <p class="time">11th June, 2015, 4:17PM</p>
                    </div>
                </div>

                <div class="block col">
                    <img src="images/index/photo/7.jpg" class="sizeBox" style="width: 100%">
                    <div class="shoadow full none"></div>

                    <div class="bottomBox scaleBox" style="height: 100%;">
                        <img src="images/index/photo/7.jpg" class="photo full">
                        <div class="wordBox bottom hide">
                            <div class="word">
                                <p>坐在自行车后座的我<br><br><br>想起的也许是昨天<span style="padding-left:1rem;"></span><br><br><span
                                        style="padding-left:1.2rem;"></span>一起骑行在校园的路上<br><br><br><span
                                        style="padding-left:1.3rem;"></span>浪漫的回忆</p>
                                <img src="images/index/icon/bike.png" class="icon"
                                    style="bottom: -0.1rem;right: 1.9rem;">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="block row">
                    <img src="images/index/photo/11.jpg" class="sizeBox">
                    <div class="shoadow full none"></div>

                    <div class="leftBox">
                        <div class="timeBox">
                            <div class="timeWord">
                                <p class="word">Life was like<br>a box of <span>chocolates</span><br>you never
                                    know<br>what you're gonna get</p>
                            </div>
                        </div>
                        <p class="time">11th June, 2015, 4:35PM</p>
                    </div>

                    <div class="rightBox scaleBox">
                        <img src="images/index/photo/11.jpg" class="photo full">
                        <div class="wordBox left hide">
                            <div class="word">
                                <p>笑容<span style="padding-left:0.2rem;"></span><br><br><br>世界上最美丽的语言<span style="padding-left:0.1rem;"></span><br><br><br>在这里<span style="padding-left:0.7rem;"></span><br><br><span style="padding-left:0.8rem;"></span>我们更加不会吝啬</p>
                                <img src="images/index/icon/face.png" class="icon"
                                    style="width: 0.4rem;height: 0.45rem; top: -0.1rem;right: 0.8rem;">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="block col">
                    <img src="images/index/photo/13.jpg" class="sizeBox">
                    <div class="shoadow full none"></div>

                    <div class="topBox scaleBox">
                        <img src="images/index/photo/13.jpg" class="photo full">
                        <div class="wordBox bottom hide">
                            <div class="word">
                                <p>青春就是奋斗<br><br><br>我们会展开翅膀<span style="padding-left:1.5rem;"></span><br><span
                                        style="padding-left:1rem;"></span>驾驭着青春独有的快乐和自由<br><br><br>如同雄鹰一般<br>在这广阔的天空中翱翔
                                </p>
                                <img src="images/index/icon/free.png" class="icon" style="top: 0.2rem;right: 2.1rem;">
                            </div>
                        </div>
                    </div>

                    <div class="bottomBox">
                        <div class="timeBox">
                            <div class="timeWord">
                                <p class="word">The higher I got<span style="padding-left:1.5rem;"></span><br><br><span
                                        style="padding-left:1.5rem;"></span>the more amazed<br><br> I was by the view.
                                </p>
                            </div>
                            <img src="images/index/icon/star.png" class="icon" style="top: 0.4rem;left: 0.4rem;">
                        </div>
                        <p class="time">11th June, 2015, 4:42PM</p>
                    </div>
                </div>

                <div class="block row">
                    <img src="images/index/photo/12.jpg" class="sizeBox">
                    <div class="shoadow full none"></div>

                    <div class="leftBox scaleBox">
                        <img src="images/index/photo/12.jpg" class="photo full">
                        <div class="wordBox right hide">
                            <div class="word">
                                <p>让我们一起向<span style="padding-left:0.7rem;"></span><br><span
                                        style="padding-left:0.5rem;"></span>青春致敬<br><br><br>致敬那<span
                                        style="padding: left 1.5rem;"></span><br>青春岁月激情的歌唱<br><br><br>致敬那<span
                                        style="padding-left:1.1rem;"></span><br><span
                                        style="padding-left:0.5rem;"></span>青春岁月无畏的奋斗<br><br><br>致敬那<br>青春岁月自由的翱翔<br><br><br>这一切都将深深地<br>烙印再我们的脑海深处<br><br><br>就像一条途径湍急的河流<br><br><br>滔滔之水<span
                                        style="padding-left:0.6rem;"></span><br>拍打在我们懵懂的心上</p>
                            </div>
                        </div>
                    </div>
                    <div class="rightBox">
                        <div class="timeBox">
                            <div class="timeWord">
                                <p class="word">I love waking up<span style="padding-left:0.3rem;"></span><br><span
                                        style="padding-left:0.7rem;"></span>in the morning<br><br>and not
                                    knowing<br><span>what's</span> going to happen<br><br>or <span>who</span><span
                                        style="padding-left:2rem;"></span><br>I'm going to
                                    meet<br><br><span>where</span> I'm going to<span
                                        style="padding-left:0.3rem;"></span><br><span
                                        style="padding-left:1.5rem;"></span>wind up</p>
                            </div>
                        </div>
                        <p class="time">11th June, 2015, 4:55PM</p>
                    </div>
                </div>

                <div class="block col">
                    <img src="images/index/photo/16.jpg" class="sizeBox">
                    <div class="shoadow full none"></div>

                    <div class="topBox scaleBox">
                        <img src="images/index/photo/16.jpg" class="photo full">
                        <div class="wordBox bottom hide">
                            <div class="word">
                                <p>四年来<br>因为有你们的陪伴<br>让我的青春如此多彩<br><br>曾经的青春<br>如梦从幻到醒<br>如花从开到谢<span
                                        style="padding-left: 0.3rem;"></span>如风从来到去<br><br>我们用真美柔情<br>谱写了一篇充满活力激情的歌谣</p>
                            </div>
                        </div>
                    </div>

                    <div class="bottomBox">
                        <div class="timeBox">
                            <div class="timeWord">
                                <p class="word">Better by far you should forget<br><br>and <span>smile</span>
                                    than<br><br>that you shouldremember and be sad</p>
                            </div>
                            <img src="images/index/icon/face2.png" class="icon"
                                style="width: 0.86rem;height: 0.96rem;bottom: 0.4rem;right: 0.4rem;">
                        </div>
                        <p class="time">11th June, 2015, 5:17PM</p>
                    </div>
                </div>

                <div class="block row">
                    <img src="images/index/photo/17.jpg" class="sizeBox">
                    <div class="shoadow full none"></div>

                    <div class="leftBox">
                        <div style="position: absolute;top:0;left: 0;width: 100%;height: 3.75rem;">
                            <img src="images/index/photo/14.jpg" class="sphoto">
                            <div class="sphoto"></div>
                            <div class="sphoto"></div>
                            <img src="images/index/photo/15.jpg" class="sphoto">
                        </div>
                        <div class="timeBox" style="top:3.75rem;">
                            <div class="timeWord">
                                <p class="word">To be continued...<br><br></p>
                                <img src="images/index/icon/cake.png" class="icon" style="bottom: -0.7rem;right: 0.4rem;">
                            </div>
                        </div>
                        <p class="time">11th June, 2015, 5:33PM</p>
                    </div>

                    <div class="rightBox scaleBox">
                        <img src="images/index/photo/17.jpg" class="photo full">
                        <div class="wordBox left hide">
                            <div class="word">
                                <p style="line-height: 1.3;">回首望去<br>曾经的风雨<br><br>如情从浅到深<span
                                        style="padding-left: 0.7rem;"></span><br><br><span
                                        style="padding-left: 0.7rem;"></span>如义从轻到重<br><br>如景从远到近<span
                                        style="padding-left: 0.7rem;"></span><br><br>就像一部<br>蕴含陈杂滋味的电影<br>记录着我们的点点滴滴<br><br>即使在未来的日子里<br>我将会遇到更多艰难<br><br>我会带着这份回忆<br>勇敢地走下去<br><br>从现在起<br>让我们是在这又没的飞旋中<br>开始倒数！
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 主体内容部分 end -->

        <!-- 页底导航部分 start -->
        <div class="footNav" id="footNav"></div>
        <!-- 页底导航部分 end -->
    </div>

    <!-- js部分 start -->
    <!-- 微信jsdk -->
    <script src="https://res2.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <!-- 调试的js -->
    <!-- <script src="js/plugins/debug.js"></script> -->
    <!-- 一些基础的js方法包括（必须） -->
    <script src="js/base/base.min.js"></script>
    <!-- 一些公共的js方法（可修改） -->
    <script src="js/public/common.js"></script>
    <!-- 一些数学计算方法（可修改） -->
    <script src="js/public/math.js"></script>
    <!-- 公共API（可修改） -->
    <script src="js/public/API.js"></script>
    <!-- 监测的js，默认百度监测（可修改） -->
    <script src="js/public/monitor.js?v=3"></script>
    <!-- 微信jsdk验证，微信授权等（可修改） -->
    <script src="js/public/wxUser.js"></script>
    <!-- 重写默认弹窗的js（非必须） -->
    <!-- <script src="js/plugins/dialog/dialog.js"></script> -->
    <script src="js/plugins/audio.js"></script>
    <!-- 公共的js -->
    <script src="js/public/public.js"></script>
    <!-- 页面的js -->
    <script src="js/pages/index.js?v=5"></script>
    <!-- js部分 end -->
</body>

</html>